<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Frameset//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-frameset.dtd">
<html>

	<head>
		<title>
			驴友之家
		</title>
		<link rel="stylesheet" href="/stylesheets/bootstrap.css" />
		<link rel="stylesheet" href="/stylesheets/style.css" />
		<link rel="stylesheet" href="/stylesheets/nav.css" />
	</head>
	<script type="text/javascript" src="/javascripts/jquery-3.0.0.js"></script>
	<script type="text/javascript" src="/javascripts/jquery.easing.min.js"></script>
	<script type="text/javascript" src="/javascripts/jquery.lavalamp.min.js"></script>
	<script type="text/javascript" src="/javascripts/nav_jq.js"></script>
	
	<script type="text/javascript" src="/javascripts/bootstrap.min.js"></script>
	<script type="text/javascript" src="/javascripts/carousel.js"></script>
	





	
	<body>
		<header>
			<nav role="naviation" class="navbar navbar-static-top navbar-default">
				<div class="navbar-header">
					<a href="#" class="navbar-brand"></a>
					<div class="col-lg-3 col-sm-5 col-md-5">
						<%if(user){%>
						
						<div class="dropdown">
							<a data-toggle="dropdown" href="#" role="button" >
							<span class="glyphicon glyphicon-user"></span>	
							<%=user.name %> 
							<span class="caret"></span>
							</a>
							<a href="/dologout"style="font-size: 16px; padding:3px 25px 0px 25px;">
								<span class="glyphicon glyphicon-share"></span>
								注销
							</a>
							<ul class="dropdown-menu" role="menu" aria-labelledby="dLabel" >
								<li>
									<a href="/to_pub_tra">发布攻略</a>
								</li>
								<li>
									<a href="/to_pub_tra">发表游记</a>
								</li>
								<li>
									<a href="/totravel_notes">我的游记</a>
								</li>
								<li>
									<a href="#">我的评论</a>
								</li>
							</ul>
						</div>
						
					

					

					<%}%>

					<%if(!user){%>
					<a href="/tologin" class="btn btn-primary">登录</a>
					<a href="/toregister" class="btn btn-primary">注册</a>
					<%}%>
				</div>
				</div>
				</div>
				<div class="navbar-default">
					<button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".collapse" style="z-index:1;">
							<span class="icon-bar"></span>
							<span class="icon-bar"></span>
							<span class="icon-bar"></span>
						</button>
					<div class="navbar-default navbar-collapse  collapse">
						<ul class="nav navbar-nav" id="nav">

							<li data-id="1" class="nav_hover">
								<a href="#">首页</a>
							</li>
							<li data-id="2">
								<a href="/tostrategy" target="_blank">攻略</a>
							</li>
							<li data-id="3">
								<a href="/totravel_notes" target="_blank">游记</a>
							</li>
							<li data-id="4">
								<a href="">社区</a>
							</li>

						</ul>
					</div>
				</div>
			</nav>

			<div class="container">
				<div class="row">
					<div class="col-lg-12 col-sm-12 col-md-12 col-xs-12 " style="z-index: 88;">
						<div id="myCarousel" class="carousel slide">
							<ol class="carousel-indicators">
								<li data-target="#myCarousel" data-slide-to="0" class="active"></li>
								<li data-target="#myCarousel" data-slide-to="1"></li>
								<li data-target="#myCarousel" data-slide-to="2"></li>
								<li data-target="#myCarousel" data-slide-to="3"></li>
							</ol>
							<!-- Carousel items -->
							<div class="carousel-inner">
								<div class="carousel-caption">
									<div class="col-lg-12 col-sm-12 col-md-12 col-xs-12">
										<h1 style="line-height: 50px;color:#D0E9C6;font-family: '楷体';" class="text-primary">
								<strong>步步寻往迹,有处特依依</strong>
									</h1>
										<!--<p class="text-capitalize" style="font-size: 20px; color: aliceblue; margin-top: 30px;">
										登山则情满于山,观海则意溢于海
									</p>-->
									</div>
								</div>
								<div class="active item"><img src="/images/1.jpg" /></div>
								<div class="item"><img src="images/2.jpg" /></div>
								<div class="item"><img src="images/3.jpg" /></div>
								<div class="item"><img src="images/4.jpg" /></div>
							</div>

							<div class="col-lg-6 col-sm-6 col-md-6 col-xs-6" style="z-index: 22; top: -200px;">
								<div class="input-group" style="left:50%; top: 100px;">
									<input type="text" class="form-control" placeholder="输入你想了解的目的地" style="width: 100%;">
									<span class="input-group-btn" ">
				                  <button class="btn btn-primary " type="button " style="font-size: 14px; ">
				                 		    搜索
				                  </button>
              					</span>
									</div>
								</div>
							</div>
						</div>
					</div>
				
			</div>
		</header>
		
		<div class="middle " >
					<h2 style="text-align: center; ">热门景点</h2>
					<div class="accordion " style="width:90%; height: 266px; ">
						<ul>
								<a href="# "><li class="pic-1 "><p><span>丽江</span></p></li></a>
								<a href="# "><li class="pic-2 "><p><span>三亚</span></p></li></a>
								<a href="# "><li class="pic-3 "><p><span>黄山</span></p></li></a>
								<a href="# "><li class="pic-4 "><p><span>九寨沟</span></p></li></a>
								<a href="# "><li class="pic-5 "><p><span>长城</span></p></li></a>
								<a href="# "><li class="pic-6 "><p><span>故宫</span></p></li></a>
								<a href="# "><li class="pic-7 "><p><span>桂林山水</span></p></li></a>
						</ul>
					</div>
			
	<!--	攻略区-->
	<div class="travel_help " style="height: auto; ">
				<div class="container ">
					<div class="row ">
						<div class="col-lg-12 ">

							<a class="travel_notes_a" style="text-decoration: none;" href="#"> 
								<h2 style="text-align: center; ">热门攻略</h2></a>
							<div class="col-lg-4 col-sm-4 col-md-4 col-xs-4 ">
								<a class="thumbnail " href="# ">
									<img src="/images/lijiang.jpg " />
								</a>
								<div class="caption ">
									<p>丽江是一个纳西文化和汉族文化的综合体，
										位于云南省西北部云贵高原与青藏高原的连接部位。
										古城内小桥流水，两旁民居建筑布局错落有致，
										既有高原水城风貌，又有南方水乡韵味</p>
									<a href="# " class="btn btn-info " style="float: right; ">查看更多</a>
								</div>
							</div>
							<div class="col-lg-4 col-sm-4 col-md-4 col-xs-4 ">
								<a class="thumbnail " href="# ">
									<img src="images/jiuzhaig.jpg " style="width: 340px;height: 220px; "/>
								</a>
								<div class="caption ">
									<p>九寨归来不看水。确实是这样的，
										九寨沟的水真的让人感觉到是仙露一般的纯净，
										根据水深的不同而色彩变幻，
										真的是纯净无比。让人感觉此水只应天上有。
										中国最美的水景，美丽的童话世界。
										</p>
									<a href="# " class="btn btn-info " style="float: right; ">查看更多</a>
								</div>
							</div>
							<div class="col-lg-4 col-sm-4 col-md-4 col-xs-4 ">
								<a class="thumbnail " href="# ">
									<img src="/images/lijiang.jpg " />
								</a>
								<div class="caption ">
									<p>丽江是一个纳西文化和汉族文化的综合体，
										位于云南省西北部云贵高原与青藏高原的连接部位。
										古城内小桥流水，两旁民居建筑布局错落有致，
										既有高原水城风貌，又有南方水乡韵味</p>
									<a href="# " class="btn btn-info " style="float: right; ">查看更多</a>
								</div>
							</div>

						</div>
					</div>
				</div>
			</div>
				
						
		<div class="travel_notes " style="height: auto; ">
			<div class="container ">
				
				<div class="col-lg-12 col-sm-10 col-md-10 col-xs-10 ">
					
					<h2 style="margin-left: 60px;" class="travel_notes_a">
						<a href="#" style="text-decoration: none; " >
						热门游记</a></h2>

					<div class="col-lg-12 col-sm-12 col-md-12 col-xs-12 ">
						<div class="col-lg-4 col-sm-4 col-md-4 col-xs-10 ">
							<a class="thumbnail " href="# ">
								<img src="/images/6.jpg " />
							</a>
						</div>
						<div class="col-lg-7 col-sm-7 col-md-7 col-xs-12 ">
							<p class="text-info " style="font-size: 20px; font-weight: bold; "><a href=" ">再游三亚，惊喜依旧</a></p>
							<p class="text-muted ">旅行无止尽，我又来到了三亚，这次准备有些匆忙，
								8月11号晚上才决定去，订的14号的机票和酒店，还好是淡季，
								价格比较便宜。在全程五星级、该吃的吃、该喝的喝的情况下，
								除去机票，两个人6天5晚，总的花费不到5000元。
								<br/>三亚湾是三亚市开发最早的一个湾，有非常著名的椰梦长廊，游三亚最美的日落，这里的沙子很细，海浪平缓，
								适合游泳等水上项目，而且这里离市区非常近，周边消费不高，
								所以这里非常适合大家来玩。
								<a class="text-capitalize " style="font-size: 15px; float: right; ">查看全文</a>
							</p>
							<p class="text-danger "><span>地点：三亚</span>
								<span class="text-info ">作者：<a class="text-info ">chai</a></span>
								<span class="text-muted ">评论：2000</span>
							</p>

						</div>
					</div>

					<div class="col-lg-12 col-sm-12 col-md-12 col-xs-12 ">
						<div class="col-lg-4 col-sm-4 col-md-4 col-xs-10 ">
							<a class="thumbnail " href="# ">
								<img src="/images/changcheng.jpg " />
							</a>
						</div>
						<div class="col-lg-7 col-sm-7 col-md-7 col-xs-12 ">
							<p class="text-info " style="font-size: 20px; font-weight: bold; "><a href=" ">八达岭长城游记</a></p>
							<p >从德胜门换乘919快公交，出市区上高速一路向北而去。
								车子在高速公路上疾驰，远远的便看见了峰峦起伏的燕山余脉，
								从西北高原曲折环绕逶迤而来，
								两旁巍峨峙立的座座奇峰，绝不比日前游览过的凤凰岭逊色。车过居庸关穿过一短一长的两条隧道，
								下高速不远就到了八达岭长城停车场。 只见前来游玩的游客，人多如蚁，个个脸上荡漾着笑意，五颜六色的服饰点缀着绿树青山。
								向北仰望，长城如一条蜿蜒的巨龙，将几个山头捆绑在一条细长的绳索上，上面的游人密密麻麻好似万紫千红的花瓣在随微风移动。 
								<a class="text-capitalize " style="font-size: 15px; float: right; ">查看全文</a>
							</p>
							<p class="text-danger "><span>地点：八达岭长城</span>
								<span class="text-info ">作者：<a class="text-info ">跋山涉水</a></span>
								<span class="text-muted ">评论：2000</span>
							</p>
							
						</div>
						
					</div>

					<div class="col-lg-12 col-sm-12 col-md-12 col-xs-12 ">
						<div class="col-lg-4 col-sm-4 col-md-4 col-xs-10 ">
							<a class="thumbnail " href="# ">
								<img src="/images/haerb.jpg " />
							</a>
						</div>
						<div class="col-lg-7 col-sm-7 col-md-7 col-xs-12 ">
							<p class="text-info " style="font-size: 20px; font-weight: bold; "><a href=" ">一路向北</a></p>
							<p>  亚布力在黑龙江省尚志市，距离哈尔滨仅三个小时的车程，大老远的去一趟，
								当然不能错过号称东方小巴黎的哈尔滨的冬季特有的美，而且去过两次哈尔滨都是夏季，冬天的哈尔滨一直都是遗憾，
								当然要一并补上，另外可以看看我好久不见的哈尔滨的研究僧小伙伴们，行程就这么愉快的决定下来了。
								 行程定在了过年后，过完正月十五启程，因为冬天的被北国太冷了，
								 提前跟同学联系那边的温度还要零下二十几度的气温实在是把我吓到了，
								年后的华北平原已经是一片春回大地的景象了，
								 抓住冬天的尾巴，我们乘着开往冬天的列车，再回那寒冷的冬季里去看看那北国的冰天雪地
								<a class="text-capitalize " style="font-size: 15px; float: right; ">查看全文</a>
							</p>
							<p class="text-danger "><span>地点：哈尔滨冰雪世界</span>
								<span class="text-info ">作者：<a class="text-info ">zhang</a></span>
								<span class="text-muted ">评论：2000</span>
							</p>
							<a href="#" class="text-info " style="font-size: 17px; float: right; padding-bottom: 20px;">点击查看更多游记</a>
						</div>
					
			</div>
			</div>
		</div>
		</div>
</div>


<%- include footer%>
	

